$(function () {
    // 需求1 退出功能
    $('#logout').on('click', function () {
        layer.confirm('确认退出登录吗?', { icon: 3, title: '提示' }, function (index) {
            //do something
            // 跳转登录页面
            // 删除token值
            location.href = '/login.html'
            localStorage.removeItem('token')
            layer.close(index);
        });
    })
    // 需求2 渲染用户名和头像信息
    getUserInfo()
})
// 获取用户信息头像 封装函数
// 全局函数 写到入口函数外面
function getUserInfo() {
    axios({
        method: 'GET',
        url: '/my/userinfo',
        // headers: {
        //     Authorization: localStorage.getItem('token')
        // }
    }).then(function (res) {
        // console.log(res.data);
        renderUserInfo(res.data.data)
    })
}

function renderUserInfo(userinfo) {
    // 优先赋值昵称,不存在就赋值用户名
    let name = userinfo.nickname || userinfo.username
    $('.welcome').html(`欢迎 ${name}`)
    // 判断有没有图片对象
    if (userinfo.user_pic === null) {
        // 如果没有图片对象:显示文字头像,隐藏图片头像
        $('.avatar_img').hide()
        // name返回JSON字符串,选择第一个大写字母
        $('.avatar_text').show().html(name[0].toUpperCase())
    } else {
        // 如果有图片对象:隐藏文字头像,显示图片头像
        $('.avatar_text').hide()
        $('.avatar_img').show().prop('src', userinfo.user_pic)
    }

}